<template>
    <div class="article">
      <el-row>
        <el-col :span="24" class="outter-div">
            <div class="grid-content">
                <div id="top" class="inner-div">
                </div>
                <div id="sec" class="inner-div">
                    <span id="szwm">
                        <a href="http://sz.wenming.cn/wmbb/"><img src="../assets/index_02.gif" /></a>
                    </span>
                    <span id="swf">
                        <object codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="775px" height="142px" autoplay="true"> 
                            <param name="movie" value="http://images1.wenming.cn/web_jssz/images/top.swf"/> 
                            <param name="quality" value="high"/> 
                            <param name="autoPlay" value="true"></param>
                            <param name="auto" value="true" /> 
                            <param name="loop" value="true" />
                            <param name="play" value="true" /> 
                            <embed  flashvars="autoplay=true&play=true"  src="http://sz.wenming.cn/images/top.swf?IsAutoPlay=1" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="775px" height="142px" class="swfc" auto="true" play="true" autoplay="true" autostart="true"> 
                        </object>
                    </span>
                </div>
            </div>
        </el-col>
      </el-row>
        <div class="fuck-outter">
            <div class="fuck-inner">
                <iframe id="article-content-frame" width="1000" height="1408" v-bind:src="url" scrolling="auto"></iframe>
            </div>
        </div>
    </div>
</template>

<script>
import data from "../data.js";

export default {
    name: "article",
    components: {

    },
    data() {
        return {
            url: ""
        };
    },
    created() {
        this.loadArticle();
    },
    methods: {
         loadArticle() {
            const index = this.$route.params.index;
            console.log(index);
            const type = this.$route.query.type;
            const url = data[type][index].url;
            console.log(url);
            this.$data.url = url;
         }
    }
}
</script>

<style scoped>
.fuck-outter {
    align: center;
    width: 1000px;
    height: 1600px;
    margin: 0 auto;
    overflow: hidden;
    border-width: 0;
}

.fuck-inner {
    width: 1000px;
    height: inherit;
    overflow: hidden;
    margin: -300px 1px -300px -5px;
}
</style>
